<header>
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="/">PROJECT×ZO×UI</a>
        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="navbar-collapse collapse navbar-right">
        <ul class="nav navbar-nav">
          <li class="dropdown">
            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
              UI模块 <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li>
                <a href="/ZObjHover.htm#002">元素Hover</a>
              </li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="dropdown active">
            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
              功能模块 <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li class="active">
                <a href="/index.htm#001">获取页面可视区域高宽度</a>
              </li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="dropdown">
            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
              第三方插件
              <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li>
                <a href="javascript:;">test</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</header>